<template>
	<div class="thePage flex-column">
		<div class="pg-title-dark">学生企业信息</div>
		
		<div class="serachKeywords flex-between">
			<cube-input class="flex-1" v-model="keywords" placeholder="输入要查询的姓名或学号"></cube-input>
			<i class="iconfont icon-sousuotianchong"></i>			
		</div>
			
		<div class="list overflow-y">				
			<div class="item-box flex-column" v-for="(item, i) in listData" :key="i">
						<div class="flex-between">
							<div class="item-left flex-column flex-center ">
								<img class="avatar" :src="item.avatar || defaultAvatar"></img>
								<div>
									{{item.name}}
								</div>
								<div>
									{{item.number}}
								</div>
							</div>
							<div class="item-right flex-column flex-1">
								<div>
									{{item.class}} 
								</div>
								<div>
									当前企业：{{item.entName}}
								</div>
								<div>
									过往企业：{{item.entNameHistory}}
								</div>
								<div class="entTel">
									联系电话：{{item.entTel}}<i class="iconfont icon-dianhua"></i>
								</div>
								
								
							</div>
						</div>
						<div class="remark b-top-half" @click="onDetail(item)">
							查看详情>
						</div>
					</div>
		</div>
					
	</div>
</template>

<script>
export default {
	name: 'StuEntList',
	data() {
		return {
			defaultAvatar:require("@/pics/default_avatar.png"),			
			keywords: '',
			
			listData: [
				{
					name: '王某1',
					number: '2018080101',
					avatar: '',					
					class: '18数媒四',
					entName: '甬港工程有限公司',
					entNameHistory: '宁波创艺信息科技',
					entTel: '15158900366',
				},
				{
					name: '王某2',
					number: '2018080101',
					avatar: '',					
					class: '18数媒四',
					entName: '甬港工程有限公司',
					entNameHistory: '宁波创艺信息科技',
					entTel: '15158900366',
				},
				{
					name: '王某3',
					number: '2018080101',
					avatar: '',					
					class: '18数媒四',
					entName: '甬港工程有限公司',
					entNameHistory: '宁波创艺信息科技',
					entTel: '15158900366',
				},
				{
					name: '王某4',
					number: '2018080101',
					avatar: '',					
					class: '18数媒四',
					entName: '甬港工程有限公司',
					entNameHistory: '宁波创艺信息科技',
					entTel: '15158900366',
				},
				{
					name: '王某5',
					number: '2018080101',
					avatar: '',					
					class: '18数媒四',
					entName: '甬港工程有限公司',
					entNameHistory: '宁波创艺信息科技',
					entTel: '15158900366',
				},
				{
					name: '王某6',
					number: '2018080101',
					avatar: '',					
					class: '18数媒四',
					entName: '甬港工程有限公司',
					entNameHistory: '宁波创艺信息科技',
					entTel: '15158900366',
				},				
				
			],			
		};
	},
		
	methods: {		
		onDetail() {
			this.$router.push({ name: 'enterpriseEdit' });
		}
	}
};
</script>

<style lang="less" scoped>
.list{
	margin: 10px;
}
.item-left{
	padding: 0 10px;
	font-size: 12px;
}
.item-right{	
	padding: 0 20px;
	font-size: 13px;		
}

.remark {
	margin-top: 10px;
	padding: 10px;				
	font-size: 12px;	
	color: #FFB651;
	line-height: 24px;
	text-align: right;	
}	
</style>
